<template>
  <div :style="sideBarOperationWrapperStyle">
    <page-left-operation-item name="回收站">
      <template #header>
        <icon-font type="icon-symbol-recycle-bin" />
      </template>
    </page-left-operation-item>
    <page-left-operation-item>
      <!-- <template #header>
              <svg
                viewBox="0 0 14 14"
                class="sidebarImport"
                style="
                  width: 100%;
                  height: 15px;
                  display: block;
                  fill: rgba(55, 53, 47, 0.45);
                  flex-shrink: 0;
                  backface-visibility: hidden;
                "
              >
                <path
                  d="M11.2857,6.05714 L10.08571,4.85714 L7.85714,7.14786 L7.85714,1 L6.14286,1 L6.14286,7.14786 L3.91429,4.85714 L2.71429,6.05714 L7,10.42857 L11.2857,6.05714 Z M1,11.2857 L1,13 L13,13 L13,11.2857 L1,11.2857 Z"
                ></path>
              </svg>
            </template>
            <a-dropdown>
              <div :style="{ width: '100%' }">导入</div>
              <template #overlay>
                <a-menu>
                  <a-menu-item>
                    <div @click="onImport('feishu')">飞书</div>
                  </a-menu-item>
                </a-menu>
              </template>
            </a-dropdown> -->
    </page-left-operation-item>
  </div>
</template>

<script setup lang="ts">
import { CSSProperties } from 'vue';
import PageLeftOperationItem from './page-left-operation-item.vue';
import { IconFont } from '@/components/icon-font';

const sideBarOperationWrapperStyle = ref<CSSProperties>({ flexGrow: 0, flexShrink: 0, paddingBottom: '8px' });
</script>
